10 Stunning HTML Form Reset Samples For Your Inspiration

1. jQuery Order Form Builder

featured image

7 September 2012: I am aware of the fact that some people have been having issues installing/configuring jQuery Order Form Builder correctly. To address this, I have been working on an online version, called My Form App (previously Order Form Builder). jQuery Order Form Builder is a simple to use order form builder that takes care of all the behind the scenes stuff required to build an order form. All you have to do is configure the form in the visual editor, and click download, and you get a ZIP file with all the files you need for your form!

jQuery Order Form Builder has heaps of features, from email templating to custom validation. Every HTML form input is supported, as well as jQuery UI gallery Sliders & Numeric Spinners. jQuery Order Form Builder requires a web server with PHP 5 . Added validation options to reset all form fields jQuery

Added tab key functionality to allow to change between form fields using the keyboard

Added Send Customer Email option to Configure Settings -> Form

Added Reset to Defaults option to all Configuration Windows

Added Auto Redirect option to Configure Settings -> Form

Added custom variables to form inputs

Added Date Format to Configure Settings -> Form

More Details

2. Formoid

Formoid

Formoid makes creating beautiful web forms a cinch and a joy. With a no-coding drag-n-drop GUI, trendy Flat, Metro, Bootstrap form themes, pure css styled, responsive, retina-ready form elements, as-you-type validation, anti-spam captcha - Formoid is a just incredible form tool!

Modern Metro, Flat, Bootstrap form themes with fancy color schemes.

Pure CSS radios, checkboxes, selects, file upload, date picker, tooltips, and even google captcha!

All form elements look brilliantly on high resolution displays and devices.

Fully optimized to work on desktops, mobiles, and tablets.

More Details

3. jStyle Lite: Enables CSS Styling of Web Forms

featured image

jStyle Lite is a lightweight form styling tool built on the jQuery framework. In addition, it requires absolutely no extra HTML markup!

Since the advent of CSS , styling web forms has not only been a hassle, but for some form elements, styling was simply impossible. jStyle Lite dynamically replaces form elements with other HTML that is easy to style with CSS , while at the same time maintaining the functionality of the web form. Buttons (<input type=”submit” />, <input type=”reset” />, <input type=”button” />, <button/>)

More Details

4. eComments - easy commenting system

featured image

- removed the reset styles from css/style.Can also be inserted using Javascript in static HTML pages – clean code

More Details

5. reformed -- Themeable Form Builder

featured image

html

VIEW A DEMO FORM : http://www. reformed forms are styled using the jQuery UI slideshow Themeroller tool (and the wonderful Uniform jQuery plugin for some form elements), so fine-tuning the look and feel of your form is a snap. Client-side validation is also built in, using the using jQuery validation library, and can be easily applied to any form element via a point-and-click interface. reformed provides an intuitive and beautiful contact form Builder, which lets you add, configure, and add validation to form elements to your form in just a few clicks. Several time-saving “helper” form controls are also available, such as a pop-up datepicker, state and country select dropdowns, and a simple human verification form element that provides a simpler and less obnoxious (i.e, captcha-free) means of preventing form abuse. An advanced “edit” mode is also provided that will allow you to drag-and-drop form elements to rearrange their order (or even delete them) without touching the code. If you do need to make some changes to the HTML , this is also easy to do with a single button click. A simple form contact wordpress processor script is included with reformed that will e-mail form results to your desired e-mail address, but reformed forms are compatible with any form processing script. reformed is written in HTML , Javascript, and CSS , so it will run right in your browser.Fixed crash when multiple validation options were added to multiple form fields

Fixed bug where reset buttons were always added to saved forms (thanks for the catch, silverskymedia).Corrected help file (contained incomplete instructions on adding validation to your form; please see the link included at the top of this description for updated instructions if you haven’t downloaded the latest version).Fixed a minor issue where unnecessary classes were sometimes not stripped from generated form code.

More Details

6. Forgot Password for User Management System

featured image

After you have finished basic installation, customizing the three pages (request reset, reset password and reset invalid) to match the design of your website may take awhile.a forgot password link just below your user login form. A HTML reset form email

is sent to the user’s email address to reset the password.after you enter the username/ email to reset password a clickable green button appear.Once you click on it you can reset your password.Completely customizable Password Reset Email.Supports both (HTML and Text) Messages.All old password reset codes are removed from database for security purposes.After one use a password reset code expires and any further access to the page takes you to Reset link expired page.At any point of time there is only one reset code per password as the system cleans up old information that is not needed.html. If you have any questions or queries please send us a message through the free HTML contact form generator at Author Profile Page

More Details

7. Ajax Contact Form with attachments

featured image

Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah)

The w2 Ajax Contact Form is a complete solution to create ajax contact form. You can easily create your own forms HTML templates and your own themes CSS.New HTML form template with HTML5 attribute placeholder.Adding the HTML attributes enctype=”multipart/form-data” for HTML form element in examples.Automatic reloading of AYAH after form submission.You can add your own custom file field in your form.New method to create your own HTML template for the mail body message.code source form editor (included in download package).Easy to configure (html, css, javascript, php).Email message accepts HTML content (configurable).You can use multiple instance of form in the same page.//Initialisation of the form

resetForm: true, //Spcifie if reset form after submit (true / false)

reCaptchaId: 'recaptcha', //Specifie an unqiue ID for HTML element where reCaptcha will be integrated (just specifie the ID do not create the element in the form)

showBtnSend: false, //Specifie if the btn send is visible when loading form when No Spam Control is activate (true / false)

//if you need to redefine some parameters (example: if you have several contact form in your web site)

If you don't specifie email sender the email used to send the mail will be the user mail (who submit the form)

//Specifies the PHP contact form required fields for the form validation. //Specifies the subject of the email if you don't use subject field in your form

//Specifies the fields need HTML encodage (example: textarea)

//Specifies if HTML tags is accepted in the email message (for the textarea form element)

//Specifies if the HTML form creator is encoded in utf_8

//Specifies the minimum and the maximum time between submission of the form (in seconds)

//Specifies if you want to use recaptcha for simple jQuery validation form

//Specifies if you want to use AYAH for form validation HTML

More Details

8. Comments with Images

featured image

Comment with Images allows you to easily move the upload form, and the instructions with just a click of a button. You can also change the instructions, CSS, and html output without any manual editing. Fixed an issue where settings certain settings would be reset when the user updates the plugin.

More Details

9. Mapped contact form pro

featured image

A HTML5 ajax contact form inside a JavaScript image slider marker info window. If only on location is on the map, the info window with the contact form CSS styling opens when the map is loaded.Added a css reset to prevent google maps controlls to break in rare conditions.form.form.* It's now possible to link to a stop marker from html. Mapped contact form pro php

Mapped contact form pro WordPress

More Details

10. Wordpress Ajax Contact Form with attachments

featured image

Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah) for Wordpress

The w2 Ajax Contact Form for Wordpress is a complete solution to create ajax contact form in Wordpress. You can easily create (Full HTML edition) your own forms HTML templates (add or remove fields) and your own themes CSS.The plugin include features to solve theme conflict (Global Settings section), so if there is a theme conflict and you want to buy the plugin you can contact the technical support (send the url of the page where the form is displaying) to know the right configuration of the Global Settings section to solve theme conflict.Possibility to specify different translation file for each form (usefull to use several auto-reponder message).New HTML form template with HTML5 attribute placeholder. In automatic mode the form will use the language of your wordpress.Possibility to update the jQuery contact form plugin translation text for “en” and “en_US” language in the file “js/w2_contact_form/localization/message_en.New system to reset the plugin database. Make it by clicking the butoon “Reset plugin database” not by un-activating plugin. This system prevents unwanted form data loss when user un-active the plugin. Example you can apply a fade out to the form after success submission.Automatic reloading of AYAH after form submission.Possibility to use PHP code in HTML source code editor when you integrate the form via PHP hard code (feature only available for PHP hard code integration).Possibility to create mail subject template by including existing form fields value.9 you need to un-active and re-active the plugin to reset the plugin database. Make a copy of your HTML forms source code if you need to keep them.New feature to integrate a form by using PHP hard code (directly in your theme files).7 you need to change the HTML class selector class=”shadow” to class=”w2_shadow” for each element of your forms.You can add your own custom file field in your form.Fix bug for fields setting configuration when the form have 0 required field.New feature to include several form in the same page.New feature to auto-configure the fields settings section by checking the HTML elements of the form with jquery.New method to create your own HTML template for the mail body message.New selection page feature to display the form in different type of page (page, post, portfolio, products).Multi-selection page feature (to display the same form in several pages).You can create your own HTML template files and automatically add them to your lists of template in the form editor.You can create your own CSS theme and automatically add them to your lists of Theme in the form editor.Email message accepts HTML content (configurable).

More Details

11. Slick & Clean CSS3 Contact and Register Forms Pack

featured image

Contact, Feedback and Questionnaire form in animated tabs

Contact form Basic

Contact form Simple

Feedback form Basic

Feedback form Simple

Questionnaire form Basic

Bonus: Questionnaire form Extended in animated tabs

Login, Register & Reset form in animated tabs

Login form

Registration form

Account Reset form

CSS3 and HTML powered

- Added new forms: Contact, Feedback and Questionnaire form

- Added Login & Registration form in tabs with Popup mode

More Details